.container{max-width:1200px;} /*网站公共样式*/ .clear{clear:both;overflow:hidden;} .info-content{font-size:15px;line-height:2.5;margin:0 auto;max-width:1000px;} .info-contents{font-size:15px;line-height:2.5;margin:0 auto;max-width:1170px;} a{color:#000;text-decoration:none;} a:hover{color:#0c4a9f} a:focus{color:#0c4a9f} a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px} a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;} .banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/ .swiper-slide img{margin: 0px auto;display: block;} /*遮罩层*/ .mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;} .mask-bg.active{display:block;} .back {transform: rotateY(-180deg);transform-style: preserve-3d;transition: ease-in-out 600ms;} .ycxs{display:none;} .logo img{max-width:100%;width:auto;} /*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/ .nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .navSlide{-webkit-animation-name:navSlide;animation-name:navSlide} @keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}} /*主菜单*/ @media (min-width:1200px) /*pc端*/ { .header2{background:#f4f4f4;line-height:40px;} .header2 .hotline{text-align:right;color:#666;font-size:12px;} .header2 .hotline a{display:inline-block;margin:0 10px;color:#666} .zhaoshang{background:url(images/zs.png) no-repeat left center;display:inline-block;padding-left:18px;margin-right:10px;} .qiyeweixin{position:relative} .qiyeweixin .erweima{position:absolute;top:30px;left:-25px;width:100px;z-index:100;display:none} .header1 {padding:0px 0;} .header1 .logo{display:block;margin:20px 0;} .topcoms{margin:0px 0} .webtianqi{margin-top:15px;} .waiyu{display:none;} .header1 .webnav{background:#0c67ad} .header1 .webnavs{background:#0c67ad} .header1 .webnavr{background:#0c67ad} .header1 .nav-toggle{display:none} .header1 .nav{max-width:1200px;margin:0 auto;} .nav > ul{margin-right:0px;} .nav>ul>li{float:left;text-align:center;} .nav>ul>li>ul{position:absolute;} .nav>ul>li{background:url(images/navline.gif) no-repeat left center;} .nav>ul>li:first-child{background:none;} .nav>ul>li>a{display:block;text-align:center;color:#fff;font-size:15px;position:relative;line-height:60px;padding:0 35px;position:relative;} .nav>ul>li.active>a{} .nav>ul>li.current >a{color:#bff091} .nav>ul>li:hover >a{color:#bff091} .nav li:hover>ul{display:block} .nav ul li ul li a{display:block;width:100%;text-align:center;color:#000; font-size:14px;line-height:35px} .nav ul li ul li a:hover{text-decoration:none;color:#FFF;background:#97c618} .nav ul li{position:relative} .nav ul li .arrow{display:none} .nav ul li ul{background:#75bb29;display:none;position:absolute;left:-8px;z-index:200;width:150px} .nav ul li ul li a{color:#FFF;} .nav ul li ul li ul{left:100%;top:0px;display:none} .tianqifr{float:right;} .dateCont{line-height:50px;font-size:14px;} .webnavs .nav > ul > li > a{padding:0 25px;} .webnavr .nav > ul > li > a{padding:0 30px;} } @media (max-width:1200px) and (min-width:1000px) /*pc端*/ { .header2{background:#f4f4f4;line-height:40px;} .header2 .hotline{text-align:right;color:#666;font-size:12px;} .header2 .hotline a{display:inline-block;margin:0 10px;color:#666} .zhaoshang{background:url(images/zs.png) no-repeat left center;display:inline-block;padding-left:18px;margin-right:10px;} .qiyeweixin{position:relative} .qiyeweixin .erweima{position:absolute;top:30px;left:-25px;width:100px;z-index:100;display:none} .header1 {padding:0px 0;} .header1 .logo{display:block;margin:30px 0;} .topcoms{margin:0px 0} .webtianqi{margin-top:15px;} .waiyu{display:none;} .header1 .webnav{background:#0c67ad} .header1 .webnavs{background:#0c67ad} .header1 .webnavr{background:#0c67ad} .header1 .nav-toggle{display:none} .header1 .nav{max-width:1200px;margin:0 auto;} .nav > ul{margin-right:0px;} .nav>ul>li{float:left;text-align:center;} .nav>ul>li>ul{position:absolute;} .nav>ul>li{background:url(images/navline.gif) no-repeat left center;} .nav>ul>li:first-child{background:none;} .nav>ul>li>a{display:block;text-align:center;color:#fff;font-size:15px;position:relative;line-height:60px;padding:0 20px;position:relative;} .nav>ul>li.active>a{} .nav>ul>li.current >a{color:#bff091} .nav>ul>li:hover >a{color:#bff091} .nav li:hover>ul{display:block} .nav ul li ul li a{display:block;width:100%;text-align:center;color:#000; font-size:14px;line-height:35px} .nav ul li ul li a:hover{text-decoration:none;color:#FFF;background:#97c618} .nav ul li{position:relative} .nav ul li .arrow{display:none} .nav ul li ul{background:#75bb29;display:none;position:absolute;left:0;z-index:200;width:150px} .nav ul li ul li a{color:#FFF;} .nav ul li ul li ul{left:100%;top:0px;display:none} .tianqifr{float:right;} .dateCont{line-height:50px;font-size:14px;} .webnavs .nav > ul > li > a{padding:0 25px;} .webnavr .nav > ul > li > a{padding:0 30px;} } @media (max-width:1000px) /*手机端*/ { .header2{display:none;} .header1 {padding:0px 0;background:#FFF} .header1 .logo{line-height:60px;text-align:left;} .header1 .logo img{height:auto;width:auto;max-width:250px;max-height:40px;} .header1 .nav-toggle{position:absolute;right:0px;top:0px;font-size:20px;color:#0c67ad;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;} .header1 .nav-toggle.active{color:#ccc;} .waiyu{display:inline-block;width:40%;border:1px solid #DDD;line-height:35px;height:35px;text-align:center;margin:20px 4%;border-radius:5px;} .topcoms .col-xs-12{padding:0 0;} .nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto} .nav.active{opacity:1;width:300px;max-width:60%} .nav ul li{line-height: 45px;text-align:left} .nav ul li ul{display:none;} /*二级ul样式*/ .nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc} .nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee} .nav ul li ul li ul li a{padding-left:90px;} .nav ul li ul li ul li li a{padding-left:120px;} .nav ul li{position:relative;} .nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s} .nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px} .nav ul li.current > a{color:#5a342b;} .nav ul li.active > ul{display:block} .nav ul li.active > .arrow{transform:rotate(90deg)} } /*子栏目样式*/ .web_navs{margin:30px 0 0 0;} .zlm_dhxl{position:absolute;top:12px;right:10px;display:none;cursor:pointer;} .zlm_dhxl i{font-size:18px;color:#FFF;} .sub-nav-box {clear: both;position: relative;} .sub-nav-box .sub-nav-title{} .sub-nav-box .sub-nav-title span{display:block;} .sub-nav-box .sub-nav-title .s0{font-size:18px;color:#FFF;background:#0c67ad;padding:10px 0 10px 20px;} .sub-nav-box .sub-nav{clear:both;text-align:left;width:100%;overflow:visible;background:#f6f6f6;border:1px solid #DDD;} .sub-nav-box .sub-nav li{width:auto;position:relative;display:block;} .sub-nav-box .sub-nav li a{display:block;padding-left:20px;line-height:45px;font-size:14px;color:#666;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px;border-bottom:1px solid #DDD;background:url(images/navc.png) no-repeat right center;} .sub-nav-box .sub-nav li ul li a{padding-left:40px;} .sub-nav-box .sub-nav li a:hover{color:#75bb29;} .sub-nav-box .sub-nav li ul{display:none;width:100%;} .sub-nav-box .sub-nav li ul li{display:block;position:relative;} .positions{position:absolute;top:45px;left:0px;background:#FFF;border:1px solid #DDD;z-index:100;} .sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:45px;height:45px;line-height:45px; text-align:center;transition-duration:0.1s;cursor:pointer;color:#44b12b} .sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px} .sub-nav-box .sub-nav li.current > a{color:#75bb29;transition: all .2s ease-out 0s;} .sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)} .sub-nav-box .sub-nav li.active > ul{display:block;} @media screen and (max-width:1000px) { .web_navs1{margin-top:20px;} .zlm_dhxl{display:block;} .sub-nav-box .sub-nav-title{display:block;} .sub-nav-box .sub-nav-title .s0{font-size:16px;color:#FFF;background:#0c67ad;padding:10px 0;text-align:left;padding-left:10px;} .sub-nav-box li .arrow{display:block;} .sub-nav-box .sub-nav{clear:both;text-align:left;width:100%;overflow:visible;background:#fafafa;margin:0 0 25px 0;} .sub-nav-box .sub-nav ul{display:none;} .sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:inline-block;} .sub-nav-box .sub-nav li a{padding-left:20px;} .sub-nav-box .sub-nav li.active > ul{display:block} } .centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; overflow: hidden; opacity: 0;} .wrap .prev{background:url(images/preImg.png) no-repeat left center;left:10px;} .wrap .next{background:url(images/nexImg.png) no-repeat right center;right:10px;} .wrap:hover .prev,.wrap:hover .next{opacity:1;} .centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; list-style-type: none;display:none} .centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1;} .centered-btns_tabs a { display: inline-block; width: 9px; height: 9px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1;} .centered-btns_tabs .centered-btns_here a { background-color: rgba(0, 0, 0, .8); background-color: #666\9;} /*当前位置*/ .web_dqwz{background:url(images/navbg.gif) no-repeat left bottom;line-height:30px;clear:both;overflow:hidden;} .web_dqwz .web_dqwz_tit{padding:8px 0;text-align:left;font-size:18px;color:#75bb29} .web_dqwz .breadcrumb{text-align:right;} .web_dqwz .breadcrumb .wz{background:url(images/home.gif) no-repeat left center;padding-left:15px;} @media screen and (max-width:1000px) { .web_dqwz .breadcrumb{text-align:left;} } /*首页_模块通用*/ .sy_mk{padding:50px 0;} .sy_mk_tit{} .sy_mk_tit span{display:inline-block;font-size:16px;color:#0c67ad;font-weight:bold;} .sy_mk_tit a{float:right;color:#85c033;background:url(images/moredbg.png) no-repeat right center;padding-right:15px;} .sy_mk_tits{background:url(images/navbg.gif) no-repeat left bottom;line-height:30px;} .sy_mk_tits span{display:inline-block;font-size:16px;color:#0c67ad;font-weight:bold;} .sy_mk_tits a{float:right;color:#85c033;background:url(images/moredbg.png) no-repeat right center;padding-right:15px;} .sy_mk_com{margin-top:10px;} .web_wzwc_com{padding:10px 0px;line-height:2;font-size:15px} /*子栏目_联系我们*/ .lianxifs{margin:20px 0;clear:both;overflow:hidden} .lianxifs span{display:block;} .lianxifs span.s1{font-size:14px;font-weight:bold;color:#000} @media screen and (max-width:1000px){ .zlm_lianxi1{padding:40px 20px;} } /*子栏目_新闻资讯*/ .zlm_news_mxlist{border-bottom:1px solid #DDD;padding:5px 0;} .zlm_news_mxlist span{display:block;font-size:12px;} .zlm_news_mxlist .tits{line-height:30px;font-size:18px;} .zlm_news_mxlist .coms{line-height:25px;color:#999} .zlm_news_mxlist .dates{line-height:25px;color:#999} .zlm_rencai_mxlist{line-height:25px;padding:5px 0px;} .zlm_rencai_mxlist span{display:inline-block;font-size:12px;float:right;} .news_lis{border-bottom:1px solid #DDD;margin:0 0px;position:relative;padding:20px 0 20px 100px;} .news_lis_date{position:absolute;top:20px;left:0px;width:90px;height:90px;z-index:10;background:#75bb29;padding:10px 0;color:#fff} .news_lis_date span{display:block;text-align:center;} .news_lis_date span.s1{font-size:26px;line-height:40px;} .news_lis_date span.s2{font-size:16px;line-height:30px;} .news_lis .titles{line-height:30px;font-size:18px;position:relative;z-index:10;} .news_lis .coms{line-height:25px;display:block;font-size:13px;min-height:50px;position:relative;z-index:10;} .news_lis:hover .titles{color:#75bb29} .news_lis1{border-bottom:1px solid #DDD;margin:0 0px;padding:20px 0 20px 0px;} .news_lis1 .titles{line-height:30px;font-size:18px;position:relative;z-index:10;} .news_lis1 .coms{line-height:25px;display:block;font-size:13px;min-height:25px;position:relative;z-index:10;} .news_lis1:hover .titles{color:#75bb29} .newspicslist{border-bottom:1px solid #DDD;padding:10px 0;} .newspicslist .tits{line-height:35px;} .newspicslist .coms{line-height:25px;color:#999;display:block;} .newspicslist .dates{line-height:25px;color:#999;display:block;} @media screen and (max-width:1000px) { .news_lis{border-bottom:1px solid #DDD;margin:0 0px;position:relative;padding:20px 10px;} .news_lis_date{position:relative;top:0px;left:0px;width:auto;height:auto;border-right:none;background:none;} .news_lis_date span{display:inline-block;text-align:left;} .news_lis_date span.s1{font-size:26px;line-height:40px;} .news_lis_date span.s2{font-size:16px;line-height:30px;} } /*联系方式*/ .lianxitit{text-align:center} .lianxitit span{display:block;} .lianxitit span.s1{font-size:18px;} .lianxitit span.s2{color:#999} .lianxicom{text-align:center} .lxylianxifs{padding:30px 0;} /*图片组*/ .tupianz{max-width:500px;margin:0px auto;} .zhuanlan{max-width:246px;} /*首页幻灯片*/ .fader {position: relative;font-family: "futura", arial;overflow: hidden;height:450px;} .fader .slide {position: absolute;width: 100%; height: 100%;top: 0;z-index: 1;opacity: 0;} .fader .slide img {height: auto;width:100%;} .fader .slide .slide_com{position: absolute;width: 100%; height: 40px;bottom: 0;z-index: 100;background:url(images/blank50.png) repeat center center;color:#FFF;display:block;line-height:40px;padding-left:10px;} .fader .prevs,.fader .nexts {position: absolute;height: 80px;line-height: 55px;width: 50px;font-size: 100px;text-align: center;color: #fff;top: 50%;left: 0;z-index: 4;margin-top: -25px;cursor: pointer;opacity: .5;transition: all 150ms;} .fader .prevs:hover,.fader .nexts:hover {opacity: 1;} .fader .nexts {left: auto;right: 0;} .fader .pager_list {position: absolute;width: 100%;height: 40px;padding: 0;line-height: 40px;bottom: 0px;text-align: right;z-index: 4;right:10px;} .fader .pager_list li {display: inline-block;width: 20px;height: 20px;border:1px solid #fff;text-align:center;line-height:18px;color:#FFF;margin:0 3px;cursor:pointer} .fader .pager_list li:hover,.fader .pager_list li.active {opacity: 1;background:#75bb29;color:#FFF} @media screen and (max-width:480px){ .fader{height:220px;} } /*首页图片新闻*/ .newslist{} .newslist li{clear:both;min-height:118px;overflow:hidden;padding:0 0 20px;} .newslist li .sydongtai{border:1px solid #DDD;padding:3px 3px;display:block;float:left;width:145px;margin-right:15px;overflow:hidden;} .newslist li img{transition:all 1.2s ease;} .newslist li:hover img{transform:scale(1.2)} .newslist li a.tit{font-size:14px;max-height:42px;overflow:hidden;height:100%;display:block;font-weight:500;} .newslist li span a{color:#0c67ad;font-size:13px;} /*首页新闻列表*/ .newslists li{clear:both;line-height:30px;height:auto;overflow:hidden;background:url(images/dot.png) no-repeat left 14px;padding-left:10px;font-size:13px;display:block;/*内联对象需加*/word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;} .newspiclist .hot{clear:both;height:auto;overflow:hidden;border-bottom:#e0e1e1 solid 1px;padding:7px 0;font-size:14px;} .newspiclist .hot img{float:left;width:140px;height:105px;margin-right:15px;} .newspiclist .hot a{font-size:14px !important;color:#333;line-height:20px !important;} .newspiclist .hot a:hover{color:#0c4a9f} .newspiclist .hot span{color:#999;font-size:12px;line-height:20px !important;display:block;} .newspiclist li.listy{clear:both;line-height:30px;height:auto;overflow:hidden;background:url(images/dot.png) no-repeat left 14px;padding-left:10px;font-size:13px;display:block;/*内联对象需加*/word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;} .comintro{clear:both;overflow:hidden;} .comintro a{width:50%;float:left;line-height:30px;font-size:13px !important;display:block;/*内联对象需加*/word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;} .sy_video{background:#000;text-align:center;padding:40px 0;} @media screen and (max-width:720px){ .zcxw{margin-top:30px;} } /*投资环境*/ .fainro-index-investment{border:1px solid #DDD;border-radius:5px;clear:both;overflow:hidden} .fainro-index-investment .inNav{background:#0c67ad;text-align:center;line-height:30px;color:#fff;border-radius:3px;padding:10px 15px;} .fainro-index-investment ul{padding:20px 10px;} .fainro-index-investment li{text-align:center;line-height:85px;} .fainro-index-investment li .inbox{max-width:120px;height:85px;border-radius:3px;color:#fff;font-size:30px;margin:0 auto;} .fainro-index-investment li .bg1{background:url(images/tz1.jpg) no-repeat center center #4ab16a;} .fainro-index-investment li .bg2{background:url(images/tz2.jpg) no-repeat center center #3fbbd5;} .fainro-index-investment li .bg3{background:url(images/tz3.jpg) no-repeat center center #d02513;} .fainro-index-investment li .bg4{background:url(images/tz4.jpg) no-repeat center center #3f8eef;} .fainro-index-investment li .bg5{background:url(images/tz5.jpg) no-repeat center center #f3b548;} .fainro-index-investment li .bg6{background:url(images/tz6.jpg) no-repeat center center #f771b6;} .fainro-index-investment li .imgs{transition: all 1s;} .fainro-index-investment li:hover .imgs{transform: rotateY(360deg);} .fainro-index-investment li span{clear:both;display:block;line-height:30px;text-align:center;font-size:14px;} /*注册公司*/ .zcmk1{background:url(images/register-kv1.jpg) no-repeat center center;background-size:100% 100%;} .zcmk1 .zhucezom1{padding:200px 0;} .zcmk1 .zhucezom1 .zc_tit{font-size:30px;text-align:center;line-height:45px;color:#FFF;} .zcmk1 .zhucezom1 .zc_com{text-align:center;line-height:40px;} .zcmk1 .zhucezom1 .zc_com span{display:inline-block;color:#FFF;margin:0 20px;} .zhucezom2{padding:100px 0;} .zhucezom2 .zc_tit{font-size:30px;line-height:45px;text-align:center;} .zhucezom2 .zc_com{margin:50px 0;} .zhucezom2 .zc_com .qiyelc{float:left;width:20%;padding:0 1%;position:relative;} .zhucezom2 .zc_com .qiyelc .qylc_pic{position:relative;overflow:hidden;} .zhucezom2 .zc_com .qiyelc .qylc_pic img{width:100%;cursor:pointer;transition:all 1.2s ease;} .zhucezom2 .zc_com .qiyelc .qylc_tit{background:#f06f19;color:#FFF;font-size:20px;height:40px;line-height:40px;text-align:center;cursor:pointer;position:absolute;bottom:0px;right:0px;width:100%;transition:height 2s;transition:height 2s;-moz-transition:height 2s; /* Firefox 4 */-webkit-transition:height 2s; /* Safari and Chrome */-o-transition:height 2s;} .zhucezom2 .zc_com .qiyelc .qylc_pic:hover .qylc_tit{height:80px;} .zhucezom2 .zc_com .qiyelc .qylc_pic:hover img{transform:scale(1.2)} .zhucezom2 .zc_com .qiyelc .qylc_com{background:#f06f19;color:#FFF;padding:10px 10px;width:500px;display:none;} .zhucezom2 .zc_com .qiyelc .qylc_com .qylc_com_tit{font-size:20px;line-height:40px;} .zhucezom2 .zc_com .qiyelc .qylc_com .qylc_com_com{line-height:25px;} .poab1{position:absolute;top:0px;left:10px;z-index:10;} .poab2{position:absolute;top:0px;left:10px;z-index:10;} .poab3{position:absolute;top:0px;left:-150px;z-index:10;} .poab4{position:absolute;top:0px;right:10px;z-index:10;} .poab5{position:absolute;top:0px;right:10px;z-index:10;} .xiajiang{margin-top:100px;} .qylc_com_gb{position:absolute;top:10px;right:10px;width:25px;height:25px;background:url(images/gb.png) no-repeat center center;cursor:pointer} .zcmk3{background:url(images/register-bg.jpg) no-repeat center center;background-size:100% 100%;} .zhucezom3{padding:100px 0;color:#FFF;} .zhucezom3 .zc_tit{font-size:30px;line-height:45px;text-align:center;} .zhucezom3 .zc_com{margin:20px 0;text-align:center} .zhucezom4{padding:100px 0;} .zhucezom4 .zc_tit{font-size:30px;line-height:45px;text-align:center;} .zhucezom4 .zc_com{margin:20px 0;text-align:center} .zhucezom4 .zc_com span{display:inline-block;margin:0 20px;} .zhucezom4 .zc_pic{text-align:center;margin:30px 0;} @media screen and (max-width:1000px){ .zhucezom2 .zc_com .qiyelc{width:100%;padding:0 0%;margin:10px 0;} .xiajiang{margin-top:0px;} .zhucezom2 .zc_com .qiyelc .qylc_com{width:100%;} .poab1{position:absolute;top:0px;left:0px;z-index:10;} .poab2{position:absolute;top:0px;left:0px;z-index:10;} .poab3{position:absolute;top:0px;left:0px;z-index:10;} .poab4{position:absolute;top:0px;right:0px;z-index:10;} .poab5{position:absolute;top:0px;right:0px;z-index:10;} .zhucezom4 .zc_com span{display:block;margin:10px 0px;} } .changjian{margin-top;30px;margin-bottom:30px;} .changjian .changjian_tit{line-height:45px;background:#f4f4f4;color:#000;padding:0 20px;margin-top:20px;position:relative} .changjian .changjian_com{display:none;background:#f4f4f4;margin-top:10px;padding:20px 20px;} .changjian .changjian_tit .dianji{position:absolute;bottom:0px;right:0px;width:45px;height:100%;line-height:45px;background:#f44d04;color:#fff;text-align:center;font-size:30px;cursor:pointer} .changjian .changjian_tit .fujian{color:#FFF;background:url(images/xz.png) no-repeat 90px center #f44d04;width:150px;height:30px;margin-top:7px;line-height:30px;font-size:20px;float:right;padding-left:50px;display:inline-block} .daohangbg{background:#272727;color:#FFF;padding:50px 0;} .daohangbg_tit{text-align:center;line-height:40px;font-size:20px;} .ct-ul {list-style: none;text-align:center;} .ct-ul li {padding: 5px 10px;margin-right: -1px;border: solid 1px #ccc;margin:10px 10px;cursor: pointer;display:inline-block;} .ct-list {margin-top: -1px;min-height: 100px;max-width:1200px;padding:30px 0;margin:0 auto} .one {background-color: #f44d04;} .ct-uls {list-style: none;display: flex;margin-bottom: 0;} .ct-uls li {padding: 5px 10px;margin-right:10px;cursor: pointer;border:1px solid #DDD;background:#FFF;} .ct-lists {margin-top: -1px;min-height: 100px;} .ct-uls li.ones {background-color: #f44d04;color:#FFF} .ct-ula {list-style: none;display: flex;margin-bottom: 0;} .ct-ula li {padding: 5px 10px;margin-right:10px;cursor: pointer;border:1px solid #DDD;background:#FFF;} .ct-lista {margin-top: -1px;min-height: 100px;} .ct-uls li.onea {background-color: #f44d04;color:#FFF} /*搜索*/ .topsousuo{margin-top:10px;float:right} .topsousuo .xiala{float:left;padding:0px 10px;height:30px;border:1px solid #DDD;margin-left:0px;} .topsousuo .shurukuang{float:left;margin-right:10px;height:30px;line-height:30px;background:url(images/ssbg.jpg) no-repeat left center;padding-left:20px;} .topsousuo .s-inputs{float:left;border:1px solid #DDD;height:30px;bordr-left:0px;padding-left:5px;} .topsousuo .queren{width:18%;min-width:100px;float:left} .topsousuo .queren .s-btns{height:30px;background:#75bb29;width:100%; border:1px solid #DDD;color:#FFF;margin-left:5px;} .borderbottom{border-bottom:1px solid #eee;padding-bottom:10px;} @media screen and (max-width:1000px){ .topsousuo{margin-bottom:10px;text-align:center;width:90%;float:left} .topsousuo .xiala{float:none;width:28%;height:30px;border:1px solid #DDD;margin-left:0px;display:inline-block;vertical-align:middle;} .topsousuo .shurukuang{float:none;width:68%;margin-left:0px;height:30px;background:url(images/ssbg.jpg) no-repeat left center;padding-left:15px;text-align:left;display:none} .topsousuo .s-inputs{border:1px solid #DDD;width:40%;margin-left:0px;display:inline-block;float:none;vertical-align:middle;} .topsousuo .shurukuang input{height:30px;} .topsousuo .queren{float:none;width:18%;display:inline-block;vertical-align:middle;} .topsousuo .queren .s-btns{height:30px;background:#75bb29;width:100%; border:1px solid #DDD;color:#FFF;margin-top:0px;margin-left:0px;} .borderbottom{border-bottom:1px solid #eee;padding-bottom:10px;} } @media screen and (max-width:767px){ .topsousuo{margin-bottom:10px;text-align:center;width:100%} .topsousuo .xiala{float:none;width:28%;height:30px;border:1px solid #DDD;margin-left:0px;display:inline-block;vertical-align:middle;} .topsousuo .shurukuang{float:none;width:68%;margin-left:0px;height:30px;background:url(images/ssbg.jpg) no-repeat left center;padding-left:15px;text-align:left;display:none} .topsousuo .s-inputs{border:1px solid #DDD;width:40%;margin-left:0px;display:inline-block;float:none;vertical-align:middle;} .topsousuo .shurukuang input{height:30px;} .topsousuo .queren{float:none;width:18%;display:inline-block;vertical-align:middle;} .topsousuo .queren .s-btns{height:30px;background:#75bb29;width:100%; border:1px solid #DDD;color:#FFF;margin-top:0px;margin-left:0px;} .borderbottom{border-bottom:1px solid #eee;padding-bottom:10px;} } /*产品内容页样式*/ .pro_xinghao{margin:10px 0;} .pro_xinghao span{display:inline-block;} .pro_xinghao span.s1{font-weight:bold;} .pro_jianjie{margin:10px 0;} .pro_jianjie span{display:block;} .pro_jianjie span.s1{font-weight:bold;} #tabWarp {max-width: 100%;margin: 10px auto;} #tabMenu {max-width: 100%;height: 35px;overflow: hidden;border-bottom: 1px solid #ccc; margin-top: 5px;} #tabMenu ul li {width: 100px;float: left;list-style: none;font-size: 14px; line-height: 35px;height: 35px;text-align: center;color: #000; cursor: pointer;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc; margin: 0px 5px;} #tabMenu ul li.curent {font-size: 13px; background: #FBF5E1; font-weight: bold;color: #FF6600;} #tabContent {width: 100%;padding: 10px; font-size: 12px;border:1px solid #DDD;margin-top:10px;} #tabContent .hide {display: none;} #tabContent img{width:auto;} /*在线留言表单*/ .ui-validForm{padding-top:30px;} .form-group::before,.form-group::after{content:"";display:table} .form-group::after{clear:both} .form-group{position:relative;padding:5px 0px;} .form-group .control-label{position:absolute;left:0px;top:10px;} .form-group .controls{padding-left:100px;} .form-group .form-control{border:1px solid #DDD;height:32px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out} .form-group .form-control:focus{border-color:burlywood} .form-group textarea.form-control{height:300px} .form-group .help-block{display:block} .btn{color:#fff;height:35px;width:100%;border-radius:5px;} .btn:hover{color:#FFF;} .form-group .controls-verificationCodeImage{position:relative;} .form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:35px;height:32px;overflow:hidden} .form-group .lb_verificationCodeImages{position:absolute;display:inline-block;right:1px;top:5px;height:32px;overflow:hidden} .form-group .lb_verificationCodeImage img{height:30px;} .lianxifs{margin-top:10px;margin-bottom:30px;} .lianxifs span{display:block;line-height:30px;} .lianxifs span.s1{font-size:16px;} .lianxifs .lianxifsli1{padding-left:70px;background:url(images/lx1.png) no-repeat left 5px;} .lianxifs .lianxifsli2{padding-left:70px;background:url(images/lx2.png) no-repeat left 5px;} .lianxifs .lianxifsli3{padding-left:70px;background:url(images/lx3.png) no-repeat left 5px;} /*底部*/ footer{clear:both;width:100%;height:auto;overflow:hidden;margin:50px auto 0;padding:30px 0 0;background:#dfdfdf;} .service{clear:both;max-width:1200px;overflow:hidden;height:auto;margin:0 auto} .service dl{line-height:2.2; width:10%;float:left;overflow:hidden;padding-left:5px;} .service dl dt{ font-size:16px;} .service dl dt a{color:#333;} .service dl dd{ font-size:12px;} .service dl dd a{color:#999;} .service dl dd a span{display:block} .service dl dd a:hover{color:#333;} .copyright{clear:both;text-align:center; padding:25px 0 30px; line-height:2.4; font-size:12px; margin-top:30px;color:#999;background:#333;} .copyright a{color:#999;} .copyright a:hover{color:#fff;} .services{clear:both;max-width:1200px;overflow:hidden;height:auto;margin:0 auto} .services dl{line-height:2.2; width:150px;float:left;overflow:hidden;padding-left:15px;} .services dl dt{ font-size:12px;} .services dl dt a{color:#333;} .services dl dd{ font-size:12px;} .services dl dd a{color:#999;} .services dl dd a:hover{color:#333;} .services dl.fr{float:right;max-width:250px;width:100%;} .wpsidebar-fkf {position: fixed;right: 18px;bottom: 10%;transform: translate(0,-50%);z-index:99;border:1px solid #DDD;padding:10px 10px;background:#FFF;cursor:pointer;} @media screen and (min-width:1001px) { .service dl.ft_a{width:16%} .service dl.ft_b{width:23%} } @media screen and (max-width:1000px) { .service dl{width:100%;} .service dl dd{display:inline-block;margin-right:20px;} .service dl.fr{float:left;max-width:100%;} .services dl{width:100%;} .services dl dd{display:inline-block;margin-right:20px;} .services dl.fr{float:left;max-width:100%;} .services dl.fr{float:left;max-width:100%;} .services dl.fr{float:left;max-width:100%;} } /*-------------------投资-------------------*/ .touzitit{font-size:26px;line-height:50px;border-bottom:1px solid #DDD;} .touzicomzs1{margin:30px 0;} .touzicomzs1 span.s1{font-size:20px;display:block;text-align:center;} .touzicomzs1 span.s2{font-size:35px;display:block;text-align:center;} .touzicomzs1 span.s2 span{font-size:14px;} .touzicomzs2{margin:20px 0;} .touzicomzs2 span{display:inline-block;width:24%;line-height:45px;font-size:16px;} .touzicomzs2 span.s1{width:49%;} .touzicomzs2 span.s2{width:100%;} .nrcolor{background:#f8f1f1;padding:20px 20px;} .zlmjs{color:#f44d04} .jiage{text-align:center;font-size:16px;line-height:50px;border-bottom:1px solid #DDD;} .jiage span{font-size:20px;color:#f44d04;} .yuyuekf{width:100%;max-width:200px;height:45px;line-height:45px;font-size:20px;background:#f44d04;color:#FFF;display:block;margin:50px auto 10px auto;text-align:center;} .yuyuekf:hover{background:#f44d04;color:#FFF;} .fabu{width:100%;max-width:200px;height:45px;line-height:45px;font-size:20px;border:1px solid #f44d04;color:#f44d04;display:block;margin:10px auto;text-align:center;} .fabu:hover{background:#f44d04;color:#FFF;} .fenxiang{max-width:200px;margin: 30px auto;} .fenxiang a{width:30%;text-align:center;line-height:30px;} .fenxiang a.bds_weixin{background:url(images/wechat.png) no-repeat center center} .fenxiang a.bds_qzone{background:url(images/qq.png) no-repeat center center} .fenxiang a.bds_more{background:url(images/share.png) no-repeat center center} .paddingb100{padding-bottom:160px} .fleft { float:left!important } .fright { float:right!important } .border_d9d9d9 { border: 1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .button-orange, a.button-orange, input.button-orange { background:#f44d04; color:#fff } .button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s } .colorf46404 { color: #f46404 } .marginright20 { margin-right:20px } .id-tabbox { height: 46px; line-height: 46px; font-size: 18px } .id-tabbox .button { width: 13% } .id-tab li { text-align: center; border-right: 1px solid #d9d9d9 } .id-tab li a { display: block; width: 100%; height: 100% } .id-tab li a.this { background: #10891d; color: #fff } .id-tab01 { width: 39% } .id-tab01 li { width: 33.33% } .id-tab02 { width: 65% } .id-tab02 li { width: 20% } .xiangxitit{font-size:20px;line-height:40px;} .meiyousj{text-align:center;line-height:45px;font-size:16px;} @media screen and (max-width:1000px){ .touzicomzs2 span{display:block;width:100%;} .paddingb100{padding-bottom:20px} .id-tab01 { width: 100% } .id-tabbox .button { width: 100% } .disinblock{display:none} } .changfancom{padding:30px 20px;background:#f8f1f1;margin:20px 0} .changfancom:hover{ -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15) } .changfancom .cfcomtit{line-height:40px;font-size:16px;} .changfancom .cfcomtit1{line-height:30px;color:#999;} .changfancom .cfcommj{text-align:center;font-size:24px;line-height:45px;color:#f44d04;} .changfancom .cfcommj span{font-size:14px;} .changfancom .cfcomzj{font-size:14px;color:#999;line-height:30px;text-align:center;} .changfancom .chakan{display:block;width:100%;max-width:180px;line-height:35px;text-align:center;color:#FFF;background:#f44d04;height:35px;} .cangfangtjtit{font-size:26px;line-height:45px;} .changfancom2{background:#f8f1f1;margin-bottom:20px;} .changfancom2 .cfcomtit{line-height:35px;font-size:16px;padding:0 10px;} .changfancom2 .cfcomtit1{margin-top:20px;margin-bottom:20px;padding:0 10px;} .touzibanner{background:url(images/plant-kv.jpg) no-repeat center center;background-size:100% 100%;padding:100px 0;} .touzibanner .touzibanner_tit{font-size:32px;line-height:45px;color:#FFF;text-align:center;} .touzibanner .touzibanner_tit2{font-size:18px;line-height:35px;color:#fff;margin:20px 0;text-align:center;} .touzibanner .touzibanner_tit2 span{display:inline-block;margin:0 10px;vertical-align: middle;} .touzibanner .touzibanner_tit2 span.s1{border:1px solid #FFF;width:150px;line-height:0px;} @media screen and (max-width:1000px){ .touzibanner .touzibanner_tit2 span.s1{display:none} } .touzixuanze{background:#272727;} .touzixuanze .touzixzcom{max-width:730px;margin:0 auto;padding:50px 0;} .touzixuanze .touzixzcom .touzixzcom_tit{text-align:center;line-height:45px;color:#FFF;font-size:18px;} .touzixuanze .touzixzcom .touzixzcom_tel{text-align:center;line-height:45px;color:#FFF;font-size:14px;} .positionRelative { position: relative } .bgfff{background:#FFF;} .padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .tcenter { text-align:center } .select01 { background: url(images/arrows.png) #fff top right no-repeat; border: 0 none; padding: 0 26px 0 5px;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin: 0 1px;} select::-ms-expand{display:none;} .investinside-label, .select01 { width: 143px; height: 32px; line-height: 32px } .investinside-label { background: #f44d04; color: #fff } .option-touch { width: 145px; height: 32px; line-height: 32px; background: url(images/arrows.png) #fff top right no-repeat; border: 0 none; padding: 0 28px 0 5px; margin-left: 1px; transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s; cursor: pointer } .option-touch.unfold { height: 34px } .option-pop { width: 100%; position: absolute; top: 34px; left: 0; z-index: 10; border: 1px solid rgba(0,0,0,0.2); border-top: 0 none;display:none} .option-pop span { display: inline-block; width: 68px; height: 26px; line-height: 26px } .option-pop li { margin-right: 15px } .option-pop li a { display: block; width: 76px; height: 26px; line-height: 26px; color: #666; border: 1px solid #666; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-align:center} .option-pop li a:hover { color:#05b225; border: 1px solid #05b225 } .option-pop li a.this { color: #f44d04; border: 1px solid #f44d04 } .button-d9d9d9, a.button-d9d9d9, input.button-d9d9d9 { background:#d9d9d9; color:#000 } .button-s, a.button-s, input.button-s { padding:10px 30px; line-height:1em } .zhishibanner{background:url(images/qa-kv.jpg) no-repeat center center;background-size:100% 100%;padding:100px 0;} .zhishibanner .zhishibanner_tit{font-size:32px;line-height:45px;color:#FFF;text-align:center;} .zhishibanner .zhishibanner_tit2{font-size:18px;line-height:35px;color:#fff;margin:20px 0;text-align:center;} .zhishibanner .zhishibanner_tit2 span{display:inline-block;margin:0 10px;vertical-align: middle;} .zhishibanner .zhishibanner_tit2 span.s1{border:1px solid #FFF;width:150px;line-height:0px;} @media screen and (max-width:1000px){ .zhishibanner .zhishibanner_tit2 span.s1{display:none} } /*外语版*/ /*导航*/ @media screen and (min-width:1000px) { .enheader1{position:absolute;top:0px;left:0px;width:100%;padding:0 8%;z-index:1000;} .enheader1 .waiyu{display:inline-block;text-align:center;background:#fff;color:#000;font-size:15px;line-height:35px;padding:0 10px;position:relative;border:1px solid #FFF;border-radius:5px;margin:5px 5px} .enheader1 .waiyu:hover{color:#FFF;background:url(images/wytitbgh.jpg) repeat-x left bottom;} .wynav{margin-top:30px;} .wynav > ul{margin-right:0px;} .wynav>ul>li{float:left;text-align:center;margin:5px 5px;} .wynav>ul>li>a{display:block;text-align:center;background:#FFF;color:#000;font-size:15px;line-height:35px;padding:0 10px;position:relative;border:1px solid #FFF;border-radius:5px;} .wynav>ul>li.active>a{} .wynav>ul>li.current >a{color:#FFF;background:url(images/wytitbgh.jpg) repeat-x left bottom;} .wynav>ul>li:hover >a{color:#FFF;background:url(images/wytitbgh.jpg) repeat-x left bottom;} .wynav li:hover>ul{display:none} .wynav ul li ul li a{display:block;width:100%;text-align:center;color:#000; font-size:12px;line-height:30px} .wynav ul li ul li a:hover{text-decoration:none;color:#FFF;background:#97c618} .wynav ul li{position:relative} .wynav ul li .arrow{display:none} .wynav ul li ul{background:#75bb29;display:none;width:100%} .wynav ul li ul li a{color:#FFF;} .wynav ul li ul li ul{display:none} .enheader2{position:fixed;top:0px;bottom:0px;left:0px;width:135px;padding:0 0%;z-index:1000;height:100%;background:#0c4a9f;} .waiyuneirong{margin-left:135px;} .enheader2 .logo{background:#FFF;padding:30px 10px;display:block;} .enheader2 .wynav{margin-top:10px;} .enheader2 .wynav > ul{margin-right:0px;} .enheader2 .wynav>ul>li{text-align:center;width:100%;} .enheader2 .wynav>ul>li>ul{} .enheader2 .wynav>ul>li{margin:0 0px;} .enheader2 .wynav>ul>li>a{display:none;text-align:center;color:#999;font-size:13px;line-height:30px;padding:0 0px;border:1px solid #DDD;position:absolute;z-index:100;top:20px;left:145px;padding:0 10px;background:#EEE;width:100%;border-radius:5px;} .enheader2 .wynav>ul>li>a::before {content: '';position: absolute;top: 8px;left: -8px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid #EEE; } .enheader2 .wynav>ul>li:hover >a{display:block;} .enheader2 .wynav ul li{position:relative;background:#0c4a9f;} .enheader2 .wynav ul li .arrow{display:block} .enheader2 .wynav ul>li>ul{display:none;width:100%;position:absolute;top:50px;left:135px;padding-left:20px;background:none} .enheader2 .wynav ul>li>ul li ul{background:#0c4a9f;display:none;width:100%;position:absolute;top:0px;left:115px;padding-left:0px;} .enheader2 .wynav ul li ul li a{display:block;width:100%;text-align:center;color:#FFF; font-size:12px;line-height:50px} .enheader2 .wynav ul li ul li a:hover{text-decoration:none;color:#0c4a9f;background:#FFF} .enheader2 .wynav ul li ul li ul{display:none} .enheader2 .wynav ul li.current > a{color:#0c4a9f;background:#FFF;} .enheader2 .wynav ul li:hover > a{color:#0c4a9f;background:#FFF;} .enheader2 .wynav ul li.active > ul{display:block} .enheader2 .wynav ul li:hover > ul{display:block} .enheader2 .wynav ul li.active > .arrow{transform:rotate(90deg)} .enheader1 .wynav>ul>li>div{display:none;} .lanmupic1 a{background:url(../image/p1-0.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic1 a{background:url(../image/p1-0-0.png) no-repeat center center #FFF;} .lanmupic2 a{background:url(../image/p1-1.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic2 a{background:url(../image/p1-2.png) no-repeat center center #FFF;} .lanmupic3 a{background:url(../image/p1-3.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic3 a{background:url(../image/p1-4.png) no-repeat center center #FFF;} .lanmupic4 a{background:url(../image/p1-5.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic4 a{background:url(../image/p1-6.png) no-repeat center center #FFF;} .lanmupic5 a{background:url(../image/p1-7.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic5 a{background:url(../image/p1-8.png) no-repeat center center #FFF;} .lanmupic6 a{background:url(../image/p1-9.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic6 a{background:url(../image/p1-10.png) no-repeat center center #FFF;} .lanmupic7 a{background:url(../image/p1-11.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic7 a{background:url(../image/p1-12.png) no-repeat center center #FFF;} .lanmupic8 a{background:url(../image/p1-13.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic8 a{background:url(../image/p1-14.png) no-repeat center center #FFF;} .lanmupic9 a{background:url(../image/p1-15.png) no-repeat center center;display:block;height:70px;border-bottom:1px solid #FFF;} .enheader2 .wynav>ul>li:hover .lanmupic9 a{background:url(../image/p1-16.png) no-repeat center center #FFF;} } @media (max-width:1000px) /*手机端*/ { .enheader1{position:static;top:0px;left:0px;width:100%;padding:0 8%;z-index:1000;} .enheader1 .logo{line-height:60px;text-align:left;} .enheader1 .logo img{height:auto;width:auto;max-width:250px;max-height:40px;} .enheader1 .nav-toggle{position:absolute;right:0px;top:0px;font-size:20px;color:#0c4a9f;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;} .enheader1 .nav-toggle.active{color:#ccc;} .enheader2{position:static;top:0px;left:0px;width:100%;padding:0 8%;z-index:1000;} .enheader2 .logo{line-height:60px;text-align:left;} .enheader2 .logo img{height:auto;width:auto;max-width:250px;max-height:40px;} .enheader2 .nav-toggle{position:absolute;right:0px;top:0px;font-size:20px;color:#0c4a9f;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;} .enheader2 .nav-toggle.active{color:#ccc;} .wynav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#0c4a9f;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto;padding:0 0 0 0;} .wynav.active{opacity:1;width:300px;max-width:60%} .wynav ul li{line-height: 45px;text-align:left;border-bottom:1px solid #FFF;} .wynav ul li ul{display:none;} /*二级ul样式*/ .wynav ul li a{padding-left:0px;display:block;color:#FFF;font-size:15px;line-height:3.5;border:0px solid #FFF;border-width:0 0 0px 0;text-align:center} .wynav ul li ul li a{padding-left:0px;font-size:14px;} .wynav ul li ul li ul li a{padding-left:0px;} .wynav ul li ul li ul li li a{padding-left:0px;} .wynav ul li{position:relative;} .wynav ul li .arrow{position:absolute;right:0px;top:0px;width:53px;height:53px;line-height:53px; text-align:center;transition-duration:0s;cursor:pointer} .wynav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px;color:#7dbe25;} .wynav ul li.current > a{color:#0c4a9f;background:#FFF;} .wynav ul li:hover > a{color:#0c4a9f;background:#FFF;} .wynav ul li.active > ul{display:block} .wynav ul li.active > .arrow{transform:rotate(90deg)} .wynav .waiyu{color:#FFF;} .lanmupic1 a{background:url(../image/p1-0.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic1 a{background:url(../image/p1-0-0.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic1 a{background:url(../image/p1-0-0.png) no-repeat center center #FFF;} .lanmupic2 a{background:url(../image/p1-1.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic2 a{background:url(../image/p1-2.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic2 a{background:url(../image/p1-2.png) no-repeat center center #FFF;} .lanmupic3 a{background:url(../image/p1-3.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic3 a{background:url(../image/p1-4.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic3 a{background:url(../image/p1-4.png) no-repeat center center #FFF;} .lanmupic4 a{background:url(../image/p1-5.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic4 a{background:url(../image/p1-6.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic4 a{background:url(../image/p1-6.png) no-repeat center center #FFF;} .lanmupic5 a{background:url(../image/p1-7.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic5 a{background:url(../image/p1-8.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic5 a{background:url(../image/p1-8.png) no-repeat center center #FFF;} .lanmupic6 a{background:url(../image/p1-9.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic6 a{background:url(../image/p1-10.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic6 a{background:url(../image/p1-10.png) no-repeat center center #FFF;} .lanmupic7 a{background:url(../image/p1-11.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic7 a{background:url(../image/p1-12.png) no-repeat center center #FFF;} .wynav>ul>li.currentr .lanmupic7 a{background:url(../image/p1-12.png) no-repeat center center #FFF;} .lanmupic8 a{background:url(../image/p1-13.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic8 a{background:url(../image/p1-14.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic8 a{background:url(../image/p1-14.png) no-repeat center center #FFF;} .lanmupic9 a{background:url(../image/p1-15.png) no-repeat center center;display:block;height:55px;border-bottom:1px solid #FFF;} .wynav>ul>li:hover .lanmupic9 a{background:url(../image/p1-16.png) no-repeat center center #FFF;} .wynav>ul>li.current .lanmupic9 a{background:url(../image/p1-16.png) no-repeat center center #FFF;} } .xbanners .image img{width:100%;} /*首页模块标题*/ .mktitles{text-align:center;font-size:2.5vw;line-height:70px;padding:10px 0;} .mktitles span{display:inline-block;border-bottom:3px solid #000;padding-bottom:10px;} .moreds{display: block;margin:20px auto 0 auto;background: #3a8dd6;color: #fff;width: 180px;line-height: 48px;text-align: center;font-size: 18px;} @media screen and (max-width:1000px){ .mktitles{font-size:6vw;line-height:70px;padding:10px 0;} } /*首页视频*/ .shipin{background:url(../image/in2.jpg) no-repeat center center;} .sy_shipin{max-width:1200px; margin:auto; position:relative;padding:15% 0;color:#FFF;} .sy_shipin .title1{font-size:28px;} .sy_shipin .title2{font-size:40px;} .sy_shipin .title3{font-size:25px;} .aos_animate{} .aos_animate img{max-width:120px;margin:0 auto} .shipinmp4{position:fixed;z-index:2000;top:0px;left:0px;width:100%;height:100%;text-align:center;padding:10% 10px;background:url(images/blank50.png) repeat left top;display:none;} .mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;z-index:100;right: 20px;top: 0;text-decoration: none;text-align: center;opacity: 0.65;filter: alpha(opacity=65);color: white;font-style: normal;font-size: 28px;cursor: pointer;background: transparent;border: 0;} @media screen and (max-width:1000px){ .sy_shipin .title1{font-size:4vw;} .sy_shipin .title2{font-size:5vw;} .sy_shipin .title3{font-size:4vw;} .aos_animate{float:none;margin-top:30px;display:block} .shipinmp4 video{max-width:600px;width:100%;padding:20% 20px} .mfp-close {top:7%;} } /*首页成就*/ .chengjiu{background:url(../image/bg2.jpg) no-repeat center center;padding:5% 0;} .chengjiu .mktitles{color:#FFF;} .chengjiu .mktitles span{border-bottom:3px solid #FFF;} .chengjiucom{margin:50px auto 0 auto;padding:0 10%;} .chengjiucom span{display:block;text-align:center;color:#FFF;} .chengjiucom span.s1{font-size:2.5vw;} .chengjiucom span.s2{font-size:1.3vw;margin-top:30px;} @media screen and (max-width:1000px){ .chengjiucom{margin:20px auto 0 auto;padding:0 5%;} .chengjiucom span.s1{font-size:5.5vw;} .chengjiucom span.s2{font-size:4.3vw;margin-top:10px;} } /*首页scip注册*/ .scipzhuc{background:url(../image/bg3.jpg) no-repeat center center;padding:5% 0;} .scipzhuc .mktitles{color:#0c499e;} .scipzhuc .mktitles span{border-bottom:3px solid #0c499e;} .scipzhuccom{text-align:center;margin:50px 0;padding:0 8%;} .scipzhuccom img{max-width:100%;} /*首页_印记*/ .yinji{padding:5% 0;} .yinji .mktitles{color:#0c499e;} .yinji .mktitles span{border-bottom:3px solid #0c499e;} .yinjicom{padding:50px 10%;} .sy2-1{ overflow:hidden; display:block !important; padding-left:0} .sy2-1 li{ float:left; width:33.333%; list-style:none} .sy2-1 li img{ width:100%} .he_ZoomInImg{background:#000;width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_ZoomInImg:hover .he_ZoomInImg_img{opacity:.4;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_ZoomInImg .he_ZoomInImg_caption_p{text-align:center; -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; letter-spacing:2px; color:#fff;} .he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1} .he_ZoomInImg .he_ZoomInImg_caption_p img{ width:37px} .he_ZoomInImg .he_ZoomInImg_caption_p a{ display:block; margin-top:15%; text-align:center; color:#fff; line-height:20px} .he_ZoomInImg .he_ZoomInImg_caption_p{ font-size:20px; padding:29% 17%} @media screen and (max-width:1000px){ .sy2-1 li{ float:left; width:100%; list-style:none} } /*首页_fscip企业*/ .fscipqiye{padding:5% 0;background:#EEE;} .fscipqiye .mktitles{color:#0c499e;} .fscipqiye .mktitles span{border-bottom:3px solid #0c499e;} .fscipqiyecom{padding:50px 10%;} .sy3-1{ overflow:hidden; display:block !important;} .sy3-1 li{ margin:1% 0} .sy3-1 li a{ display:block; border:#000 1px solid;text-align:center;background:#FFF;} /*首页_奉贤*/ .fengxian{padding:5% 0;} .fengxian .mktitles{color:#0c499e;} .fengxian .mktitles span{border-bottom:3px solid #0c499e;} .fengxiancom{padding:50px 10%;} .fengxiancc{font-size:26px;line-height:35px;} @media screen and (max-width:1000px){ .fengxiancc{font-size:16px;line-height:35px;} } /*首页_大学城*/ .daxuecheng{background:url(../image/bg4.jpg) no-repeat center center;padding:5% 0;} .daxuecheng .mktitles{color:#0c499e;} .daxuecheng .mktitles span{border-bottom:3px solid #0c499e;} .daxuechengcom{text-align:center;margin:50px 0;padding:0 10%;} .daxuechengcom .no1{float:left;width:50%;background:#FFF;text-align:center;padding:30px 0;border:1px solid #DDD;} .daxuechengtc{text-align:left;color:#FFF;margin-top:30%} .daxuechengtc .tccom1{font-size:35px;} .daxuechengtc .tccom2{font-size:25px;} .daxuechengtc .tccom3{font-size:25px;} @media screen and (max-width:1000px){ .daxuechengtc{text-align:left;color:#FFF;margin-top:10%} .daxuechengtc .tccom1{font-size:20px;} .daxuechengtc .tccom2{font-size:16px;} .daxuechengtc .tccom3{font-size:16px;} } /*首页_新闻*/ .xinwen{padding:5% 0;} .xinwen .mktitles{color:#0c499e;} .xinwen .mktitles span{border-bottom:3px solid #0c499e;} .xinwencom{padding:50px 12% 20px 12%;} .ModuleNewsListGiant.layout-104 .news-item{border-bottom: 1px solid #ccc; width: 100%; margin: 0 auto;clear:both;padding:30px !important; position: relative;} .ModuleNewsListGiant.layout-104 .news-item .news-img{width: 55%; float: right; background: #ccc; overflow: hidden;} .ModuleNewsListGiant.layout-104 .news-item .news-con{width: 42%;float: left;padding-right: 8%;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-title{ font-size:20px; color: #333333;word-break:break-all;} .ModuleNewsListGiant.layout-104 .news-item time{ font-size: 18px; color: #333333;display: block;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-desc{ font-size: 12px; color: #999999; margin-top: 10px;overflow: hidden;height: 54px; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -moz-box-orient: vertical;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-detailbtn{height: 38px; line-height: 38px; display: block; position: relative; background: transparent; border:1px solid #5dcacc; color: #5dcacc; width: 40%; text-align: center; cursor: pointer;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-detailbtn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; transition: all .3s ease-out; } .ModuleNewsListGiant.layout-104 .news-item .news-con .news-detailbtn:hover { color: white; } .ModuleNewsListGiant.layout-104 .news-item .news-con .news-detailbtn:hover:before{-webkit-transform: scaleX(1); transform: scaleX(1); } .ModuleNewsListGiant.layout-104 .news-item .news-img .dummy {padding-top: 66%;} .ModuleNewsListGiant.layout-104 .news-item .news-img{list-style-type: none;display: block;overflow: hidden;width: 55%;position: relative} .ModuleNewsListGiant.layout-104 .news-item .news-img img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; width: 100%; margin:auto; padding: auto; display: block;} @media only screen and (max-width: 767px) { .ModuleNewsListGiant.layout-104 .news-item {width: 100%;padding: 0;border: 0;} .ModuleNewsListGiant.layout-104 .news-item .news-img {width: 100% !important;float: right;overflow: hidden;height: 191px;} .ModuleNewsListGiant.layout-104 .news-item .news-con {width: 100% !important;margin: 10px 0 0 0;box-sizing: border-box;border-top: 0;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-detailbtn {background: transparent;border: 1px solid #5dcacc;color: #5dcacc;text-align: center;line-height: 38px;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-desc {margin-top: 5px;width: 100%;} .ModuleNewsListGiant.layout-104 .news-item .news-con .news-title {color: #333333;padding: 0 0 5px 0;} .ModuleNewsListGiant.layout-104 .swiper-butto-next {border-radius: 27px;width: 27px;height: 27px;background-position-x: -3px;background-position-y: -11px;} .ModuleNewsListGiant.layout-104 .swiper-butto-prev {border-radius: 27px;width: 27px;height: 27px;background-position-x: 0px;background-position-y: -11px;} } @media only screen and (min-width: 768px) { .ModuleNewsListGiant.layout-104 .news-item .news-con {position: absolute;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);} .ModuleNewsListGiant.layout-104 .swiper-butto-next {border-radius: 44px;width: 44px;background-position-x: 5px;background-position-y: -1px;} .ModuleNewsListGiant.layout-104 .swiper-butto-prev {border-radius: 44px;width: 44px;background-position-x: 8px;background-position-y: -2px;} } .swiper-butto-next{ position: absolute;top: 50%;width: 27px;height: 44px;z-index: 10;cursor: pointer; transform: translate(0 ,-50%);} .swiper-butto-prev{ position: absolute;top: 50%;width: 27px;height: 44px;z-index: 10;cursor: pointer; transform: translate(0 ,-50%);} .swiper-butto-next{background-image: url(images/pre.png);left:0;right: auto;} .swiper-butto-prev{background-image: url(images/next.png);right: 0; left: auto;} /*首页_公园服务*/ .gyfuwu{padding:5% 0;background:#EEE;} .gyfuwu .mktitles{color:#000;} .gyfuwu .mktitles span{border-bottom:3px solid #000;} .gyfuwucom{padding:50px 5% 20px 5%;max-width:1200px;width:100%;margin:0 auto;} .wraps { position: relative; max-width: 1200px; margin: 0 auto;} #slider-pager { position: absolute; bottom: 15px; z-index: 10; width: 100%; margin: 0; padding: 0; text-align: center; list-style-type: none;max-width:300px;clear:both;overflow:hidden;} #slider-pager li {float:left; margin-left: 15px; border: 2px solid #999; *display: inline; *zoom: 1;max-width:100px;width:25%;} #slider-pager .rslides_here { border: 2px solid #fff;} #slider-pager img { display: block; border: 0;} @media screen and (max-width:1000px){ #slider-pager{position:static;margin-top:10px;} } /*首页_问与答*/ .wenyuda{padding:5% 0;} .wenyuda .mktitles{color:#000;} .wenyuda .mktitles span{border-bottom:3px solid #000;} .wenyudacom{padding:50px 8% 20px 8%;} .wydcbg{background:#EEE;margin:10px 0;padding:20px 20px;} .wydcom1{background:url(../image/index_8.png) no-repeat left top;margin:20px 0;padding-left:40px;} .wydcom1 span{display:block;} .wydcom1 span.s1{font-size:16px;line-height:30px;} .wydcom1 span.s2{font-size:16px;line-height:25px;color:#999} /*首页_底部*/ .group{background:url(../image/bg5.jpg) no-repeat center center;margin:0 0 0 0;} .wrapper{max-width:1200px;margin:0 auto;} .wrapper .mktitles{color:#FFF;} .wrapper .mktitles span{border-bottom:3px solid #FFF;} .sy8{ width:78%; margin:auto; position:relative} .sy8 p{ position:absolute; right:12%; top:30%; width:220px} .sy8 p img{ width:100%} .sy8 dl{ overflow:hidden; margin:5% 0} .sy8 dl dt{ float:left; width:3%;} .sy8 dl dt img{ width:100%} .sy8 dl dd{ float:right; width:91%; font-size:20px; color:#333; color:#fff} .sy8 .dd dt{ padding-top:2%} .band.pad-none h2{ font-weight:normal; margin:8% 0 8%} .sy8-1{ text-align:center} .sy8-1 a{ font-size:28px; color:#fff; text-decoration:underline; display:inline-block; text-align:center; margin:5% 3% 6%} .groups{background:#eee;margin:0 0 0 0;padding:0 0 0 0;} .copyrights{clear:both;text-align:center; padding:25px 0 30px; line-height:2.4; font-size:15px; margin-top:0px;color:#666;} .copyrights a{color:#666;} @media screen and (max-width:1000px) { .wrapper .titles{text-align:center;font-size:4.5vw;line-height:40px;color:#FFF;} .sy8 p{ position:static; right:0%; top:0%; max-width:220px;text-align:center;margin:0 auto;} .sy8 dl dd{ float:right; width:91%; font-size:14px; color:#333; color:#fff} .sy8-1 a{font-size:14px;} } .zlmmokuai{padding:40px 0;} .zlmmokuai .zlm_mk_tits{font-size:24px;text-align:center;line-height:40px;padding:0 0 20px 0;} .zlmmokuai .zlm_mk_coms{line-height:30px;} .zlmmk1{background:url(../image/g1-1.jpg) no-repeat center center;} .zlmmk3{background:#5480bc} .zlmmk3 .shim1{background:url(../image/g2-1.png) no-repeat left top;padding-left:40px;margin:10px 0;color:#FFF;background-size:auto 30px;} .zlmmk3 .shim2{background:url(../image/g2-2.png) no-repeat left top;padding-left:40px;margin:10px 0;color:#FFF;background-size:auto 30px;} .zlmmk3 .shim3{background:url(../image/g2-3.png) no-repeat left top;padding-left:40px;margin:10px 0;color:#FFF;background-size:auto 30px;} .zlmmk3 .container{max-width:600px;} .zlmmk4{background:url(../image/g2-4.jpg) no-repeat center center;} .cent{max-width: 1300px;margin: auto;overflow: hidden;line-height:40px;} .contactcom .di1{background:url(../image/l2-1.png) no-repeat left top;padding-left:50px;background-size:40px auto;margin:30px 0;} .contactcom .di2{background:url(../image/l2-2.png) no-repeat left top;padding-left:50px;background-size:40px auto;margin:30px 0;} .contactcom .di3{background:url(../image/l2-3.png) no-repeat left top;padding-left:50px;background-size:40px auto;margin:30px 0;} .contactcom .di4{background:url(../image/l2-4.png) no-repeat left top;padding-left:50px;background-size:40px auto;margin:30px 0;} .news_lis_pic{border:1px solid #DDD;margin:10px 0;} .news_lis_pic span{display:block;text-align:center} .news_lis_pic .picimg{max-height:200px;overflow:hidden;} .news_lis_pic .picimg img{width:auto;height:200px;} .news_lis_pic .titles{text-align:left;line-height:30px;padding:0 10px;height:60px;overflow:hidden;} .news_lis_pic .dates{text-align:left;padding:0 10px;line-height:30px;} @media screen and (max-width:700px) { .news_lis_pic{border:1px solid #DDD;margin:10px 0;} .news_lis_pic span{display:block;text-align:center} .news_lis_pic .picimg{max-height:100%;overflow:hidden;} .news_lis_pic .picimg img{width:auto;height:100%;} .news_lis_pic .titles{text-align:left;line-height:30px;padding:0 10px;min-height:60px;} .news_lis_pic .dates{text-align:left;padding:0 10px;line-height:30px;} } .news_lis_pic2{margin:10px 0;} .news_lis_pic2 .picimg{overflow:hidden;} .news_lis_pic2 .picimg img{width:100%;height:100%;} .news_lis_pic2 .titles{text-align:left;line-height:30px;padding:0 10px;overflow:hidden;} .news_lis_pic2 .dates{text-align:left;padding:0 10px;line-height:30px;} .jc p{ font-size:16px; color:#484849; margin-bottom:0} .jc .fw dl{ border-bottom:#ccc 1px dashed; padding:3% 0; margin:0} .jc .fw dl dd{ padding-top:4%} .jc .fw dl a:hover dd{ color:#0c4a9f} .fw dl{ overflow:hidden} .fw dl .left{ float:left} .fw dl .right{ float:right} .fw dl dt{ width:34.5%} .fw dl dd{ width:63%; color:#333; line-height:35px; font-size:16px; padding-top:6%} .fw dl dt img{ width:100%} @media screen and (max-width:700px) { .fw dl dt{ width:100%} .fw dl dd{ width:100%;} }